<template>
  <div>
    <h1>物流后台</h1>
    <ul>
      <li v-for="i in order">
        物流号：{{ i.order_no }}--从：{{ i.faddress }}--到：{{ i.maddress }}--收货人：{{ i.name }}--手机号：{{ i.mobile }}--金额：{{ i.money }}
        <ul>
          <li v-if="i.status==1">
            接单
          </li>
          <li v-else-if="i.status==2">
            <button>开始</button>
          </li>
          <li v-else-if="i.status==3">
            运输中
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "show_wuliu",
  data() {
    return {
      order: []

    }
  },
  methods: {
    get_wuliu() {
      this.$axios.get('http://127.0.0.1:8000/wuliu/order')
        .then(res => {
          if (res.data.code == 200) {
            this.order = res.data.list
          }
        })

    }
  },
  mounted() {
    this.get_wuliu()
  }
}
</script>

<style scoped>

</style>
